<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    
    <script>
        // pushState()执行这个函数url会变，但是不会加载页面，新的状态信息就会被加入历史状态栈，有返回按钮
        // 进入test1.html页面的时候会有stateObj状态
        // 调用 replaceState() ，传入的参数与 pushState() 的前两个参数相同。调用这个方法不会在历史状态栈中创建新状态，只会重写当前状态。
        let stateObj = { foo: "bar" }
        history.pushState(stateObj, 'test1', "test1.html")
    </script>
</body>

</html>